@import '../common/_common.scss';
.select_container
{
    line-height: 1.5;

    position: relative;

    text-align: center;

    @include inline_block;
    &:hover
    {
        .select_result span
        {
            z-index: 100;

            border: 1px solid #b8b8b8;
            border-bottom: 0;
        }
        .select_list
        {
            @include inline_block;
        }
        .select_icon
        {
            margin-bottom: 3px;

            background-image: url('/resources/img/select_icon_up.png');
        }
    }
}
.select_result
{
    font-size: 14px;
    line-height: 23px;

    overflow: hidden;

    height: 24px;
    padding: 1px;

    cursor: pointer;

    color: #333;
    background: #ccc;

    *padding-left: 0;
    @include inline_block;
    span
    {
        position: relative;
        z-index: 10;

        display: inline-block;

        padding: 0 5px;

        cursor: pointer;
        text-indent: 1px;

        border: 1px solid #fff;
        border-bottom: 0;
        background-color: #fff;
    }
    label
    {
        vertical-align: baseline;
    }
    .select_icon
    {
        width: 12px;
        height: 8px;
        margin-left: 2px;

        background-image: url('/resources/img/select_icon_down.png');
        background-repeat: no-repeat;

        *vertical-align: middle;
        @include inline_block;
    }
    .select_icon_show
    {
        background-image: url('/resources/img/select_icon_up.png');
    }
}
.select_list
{
    position: absolute;
    z-index: 99;
    top: 23px;
    left: 0;

    display: none;
    overflow: hidden;

    width: 390px;
    padding: 1px;

    background: #ccc;
    dl
    {
        font-size: 14px;

        overflow: hidden;

        color: #666;
        border: 1px solid #b8b8b8;
        background-color: #fff;
    }
    .select_nav
    {
        overflow: hidden;
        ul
        {
            overflow: hidden;

            margin-bottom: -1px;
        }
        li
        {
            float: left;

            margin-top: 10px;
            padding: 0 20px 10px;

            cursor: pointer;

            border-right: 1px solid #f5f5f5;
        }
        .current
        {
            border-bottom: 3px solid #03a9f4;
        }
        .line
        {
        	float: none;
        	border-bottom: 3px solid #f0f0f0;
        }
    }
    .select_item
    {
        overflow: hidden;
        .active
        {
            display: block;
        }
        ul
        {
            display: none;
            overflow: hidden;

            padding: 10px;
        }
        li
        {
            float: left;

            width: 80px;
            height: 20px;
            margin: 6px;

            text-align: left;
        }
        .current a
        {
            color: #fff;
            background-color: #03a9f4;
        }
        a
        {
            padding: 0 5px;

            text-decoration: none;

            color: #666;
        }
    }
}

.select_container_fixed
{
    .select_result
    {
        span
        {
            border-top: 0;
            border-bottom: 1px solid #fff;
        }
    }
    .select_list
    {
        top: initial;
        bottom: 28px;
    }
}
